<template>
    <p>{{count.count}}</p>
    <button @click=add>+</button>
</template>
<script setup>
import {ref,shallowRef} from 'vue';
const count = shallowRef({count:0});
//和 ref() 不同，浅层 ref 的内部值将会原样存储和暴露，并且不会被深层递归地转为响应式。
//const add = ()=>count.value.count++;
const add = ()=>{
    //只有对 .value 的访问是响应式的。
    count.value={count:count.value.count+1};
}
</script>